<ion-view view-title="{{article.name}}">
  <ion-nav-buttons side="secondary">
    <a ng-click="confirm()" 
    class="button button-icon ion-android-done button-clear" 
    ng-disabled="!article.name || !article.startDate || !article.mileage"></a>
  </ion-nav-buttons>
  <ion-content>
    <form name="articleForm">
      <div class="list">
        <label class="item item-input item-stacked-label">
          <span class="input-label">游记名称</span>
          <input type="text" ng-model="article.name" required>
        </label>
        <label class="item item-input item-stacked-label">
          <span class="input-label">选择游记地点：</span>
          <div id="map-update-article" tabindex="0" class="external-map"></div>
        </label>        
        <label class="item item-input item-stacked-label">
          <span class="input-label">开始日期</span>
          <input type="date" ng-model="article.startDate" required>
        </label>
        <label class="item item-input item-stacked-label">
          <span class="input-label">里程数(公里)</span>
          <input type="number" ng-model="article.mileage">
        </label>
        <ion-toggle ng-model="article.publishState">发布状态</ion-toggle>
        <label class="item item-input item-stacked-label">
          <span class="input-label">隐私公开设置</span>
          <select required>
            <option ng-selected="article.publicity=='公开'" value="公开">公开</option>
            <option ng-selected="article.publicity=='好友可见'" value="好友可见">好友可见</option>
            <option ng-selected="article.publicity=='自己可见'" value="自己可见">自己可见</option>
          </select>
        </label>
      </div>
    </form>
  </ion-content>
</ion-view>